<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>销售前台</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<SCRIPT type="text/javascript" src="js/jquery-1.4.2.js"></SCRIPT>

<SCRIPT language="JavaScript" type="text/javascript" src="js/hdm.js"></SCRIPT>
<SCRIPT>
function killerrors() {
        return true;
}
window.onerror = killerrors;
</SCRIPT>
</head>

<body>
<div class="top">
  <div class="logo"><img src="imgs/htlogo.jpg" width="480" height="47" /></div>
  <div class="right">欢迎您！孙宇 [销售员]  <a href="#">退出登录</a> <a href="#">修改密码</a></div>
</div>
<div class="content">
   <div class="right">
      <!--日历标题-->
      <div class="title">
          <span class="layout"><a href="javascript:void(0)"><img src="imgs/pic2.gif" width="9" height="10" /></a></span><img src="imgs/pic1.gif" width="6" height="6" /> 日历 
      </div>
      <!--/日历标题-->
      <!--日历-->
      <div class="cont">
         日期-注释之间的div换成参考站的代码即可
      </div>
      <!--/日历-->
      <!--公告+提醒-->
      <div class="title">
        <ul>
          <li id="cp1" class="cpover" onMouseOver="setTab_('cp',1,5,'cpover')">公告</li>
          <li id="cp2" onMouseOver="setTab_('cp',2,5,'cpover')">系统提醒</li>
        </ul>
      </div>
      <div class="conts">
        <div id="cp_con1">公告信息</div>
        <div id="cp_con2" style="display:none;">系统提醒信息</div>
      </div>
      <!--/公告+提醒-->
   </div>
   <div class="left">
     <div class="nav">
       <ul>
         <li><a href="#"><img src="imgs/navxsgl.jpg" width="104" height="35" /></a></li>
         <li><a href="#"><img src="imgs/nav-xsth.jpg" width="104" height="35" /></a></li>
         <li><a href="#"><img src="imgs/nav-kcgl.jpg" width="104" height="35" /></a></li>
         <li><a href="#"><img src="imgs/nav-hygl.jpg" width="104" height="35" /></a></li>
         <li><a href="#"><img src="imgs/nav-rjqs.jpg" width="104" height="35" /></a></li>
       </ul>
     </div>
     <div class="cont">
<!--营业员信息-->
<table  border="0" cellspacing="4" class="table">
  <tr>
    <td width="90" align="right" class="lanse">营 业 员：</td>
    <td width="130"><label for="select"></label>
      <select name="select" class="width1" id="select">
      </select></td>
    <td width="72" align="right" class="lanse">销售日期：</td>
    <td width="130"><select name="select2" class="width1" id="select2">
    </select></td>
    <td width="72" align="right" class="lanse">销售单号：</td>
    <td width="130"><input name="textfield8" type="text" class="input1" id="textfield8" /></td>
    <td rowspan="3" valign="top" class="addvip"><a href="javascript:showDiv()"><img src="imgs/addvip.jpg" width="104" height="100" /></a></td>
  </tr>
  <tr>
    <td align="right">会员编号：</td>
    <td><label for="textfield"></label>
      <input name="textfield" type="text" class="input1" id="textfield" /></td>
    <td align="right">会员积分：</td>
    <td><input name="textfield2" type="text" class="input1" id="textfield2" /></td>
    <td align="right">会员类型：</td>
    <td><select name="select3" class="width1" id="select3">
    </select></td>
    </tr>
  <tr>
    <td align="right" valign="top">备&nbsp;&nbsp;&nbsp;&nbsp;注：</td>
    <td colspan="3"><label for="textarea"></label>
      <textarea name="textarea" id="textarea" cols="38" rows="2"></textarea>
     </td>
    <td align="right" valign="top" class="lanse">出货仓库：</td>
    <td valign="top"><select name="select4" class="width1" id="select4">
    </select></td>
    </tr>
</table>
<!--/营业员信息-->
<!--销售单信息-->
<table border="1" bordercolor="#eee" cellpadding="0" cellspacing="0" class="table info" style="border-collapse: collapse">
  <tr class="title">
    <td>&nbsp;</td>
    <td>编号/条形码</td>
    <td>品名</td>
    <td>规格</td>
    <td>单价</td>
    <td>折扣率</td>
    <td>数量</td>
    <td>金额</td>
  </tr>
  <tr>
    <td>1</td>
    <td>69261234567</td>
    <td>时尚无缝打底裤</td>
    <td>543咖啡色</td>
    <td>￥40.00</td>
    <td>80</td>
    <td>1</td>
    <td>￥32.00</td>
  </tr>
  <tr class="bgfafd">
    <td>1</td>
    <td>69261234567</td>
    <td>时尚无缝打底裤</td>
    <td>543咖啡色</td>
    <td>￥40.00</td>
    <td>80</td>
    <td>1</td>
    <td>￥32.00</td>
  </tr>
  <tr>
    <td>1</td>
    <td>69261234567</td>
    <td>时尚无缝打底裤</td>
    <td>543咖啡色</td>
    <td>￥40.00</td>
    <td>80</td>
    <td>1</td>
    <td>￥32.00</td>
  </tr>
  <tr class="bgfafd">
    <td>1</td>
    <td>69261234567</td>
    <td>时尚无缝打底裤</td>
    <td>543咖啡色</td>
    <td>￥40.00</td>
    <td>80</td>
    <td>1</td>
    <td>￥32.00</td>
  </tr>
  <tr>
    <td>1</td>
    <td>69261234567</td>
    <td>时尚无缝打底裤</td>
    <td>543咖啡色</td>
    <td>￥40.00</td>
    <td>80</td>
    <td>1</td>
    <td>￥32.00</td>
  </tr>
</table>
<!--/销售单信息-->
<!--手动输入货单信息-->
<table border="0" cellpadding="4" class="table huodanxx">
  <tr>
    <td width="100" align="right">条形码：</td>
    <td width="240"><input name="textfield4" type="text" class="input1" id="textfield4" /></td>
    <td width="69" align="right">款号：</td>
    <td width="240"><input name="textfield3" type="text" class="input1" id="textfield3" /></td>
    <td><a href="#"><img src="imgs/anniu4.gif" width="20" height="20" /></a></td>
  </tr>
</table>
<!--/手动输入货单信息-->
<!--结算-->
<div class="jiesuan">
  <div class="leftjs">
    <h2>总计：￥224.00</h2>
商品数量：7   售价：￥280.00    折扣：￥56.00<br />
本次积分：224    累计积分：11224   <a href="#" class="button1 dis_block">会员信息 >></a>
  </div>
  <div class="centjs">
<table width="100%" border="0" class="jsxx">
  <tr>
    <td>应收：</td>
    <td><input name="textfield5" type="text" class="input1" id="textfield5" value="￥224.00" readonly="readonly" /></td>
    <td><select name="select5" class="width2 " id="select5">
      <option>现金</option>
    </select></td>
  </tr>
  <tr>
    <td>收款：</td>
    <td><input name="textfield6" type="text" class="input1" id="textfield6" value="￥250.00" /></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>找零： </td>
    <td><input name="textfield7" type="text" class="input1" id="textfield7" value="￥26.00" readonly="readonly" /></td>
    <td>&nbsp;</td>
  </tr>
</table>
  </div>
  <div class="rightjs">
    <ul>
      <li><a href="#" class="button2 dis_block">结算打印</a></li>
      <li><a href="#" class="button3 dis_block">取 消</a></li>
    </ul>
  </div>
</div>
<!--/结算-->
     </div>
   </div>   
</div>
<div class="foot">Copyright @ 2012 huaicai.com    浙ICP备10000000号<br />
杭州怀才商贸有限公司    服务电话：400-000-0000</div>
<script language="javascript" type="text/javascript">
function showDiv(){
document.getElementById('popDiv').style.display='block';
document.getElementById('popIframe').style.display='block';
document.getElementById('bg').style.display='block';
}
function closeDiv(){
document.getElementById('popDiv').style.display='none';
document.getElementById('bg').style.display='none';
document.getElementById('popIframe').style.display='none';
}
</script>
<!--弹出框信息-->
<div id="popDiv" class="mydiv" style="display:none;">
    <div class="title"><a href="javascript:closeDiv()">关闭窗口</a>新增会员</div>
    <div class="cont">
<table width="100%" border="0">
  <tr>
    <td align="right">办卡日期：</td>
    <td><input type="text" id="textfield2" class="input1" name="textfield2"></td>
    <td align="right">会员编号：</td>
    <td><input type="text" id="textfield2" class="input1" name="textfield2"></td>
    <td align="right">客户姓名：</td>
    <td><input type="text" id="textfield2" class="input1" name="textfield2"></td>
  </tr>
  <tr>
    <td align="right">会员类别：</td>
    <td><input type="text" id="textfield2" class="input1" name="textfield2"></td>
    <td align="right">手机：</td>
    <td><input type="text" id="textfield2" class="input1" name="textfield2"></td>
    <td align="right">农历生日：</td>
    <td><input type="text" id="textfield2" class="input1" name="textfield2"></td>
  </tr>
  <tr>
    <td align="right">阳历生日：</td>
    <td><input type="text" id="textfield2" class="input1" name="textfield2"></td>
    <td align="right">消费金额：</td>
    <td><input type="text" id="textfield2" class="input1" name="textfield2"></td>
    <td align="right">积分：</td>
    <td><input type="text" id="textfield2" class="input1" name="textfield2"></td>
  </tr>
  <tr>
    <td align="right">客户分类：</td>
    <td><input type="text" id="textfield2" class="input1" name="textfield2"></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td align="right">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="right">备注：</td>
    <td  colspan="5"><textarea name="textarea" id="textarea" cols="58" rows="5"></textarea></td>
    </tr>
  <tr>
    <td  colspan="5">&nbsp;</td>
    <td><a href="#" class="button2 dis_block">添加</a></td>
  </tr>
</table>
    </div>  
</div>
<div id="bg" class="bg" style="display:none;"></div>
<iframe id='popIframe' class='popIframe' frameborder='0' ></iframe>
</body>
</html>
